.container{
  box-sizing: border-box;
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
}
.container .container_top{
  position: relative;
  box-sizing: border-box;
  flex: 3;
  height: 100%;
  padding: 34px 16px 36px 17px;
  background: #F7F8FA;
  border-radius: 16px 16px 0 0;
  -webkit-border-radius: 16px 16px 0 0;
  -moz-border-radius: 16px 16px 0 0;
  -ms-border-radius: 16px 16px 0 0;
  -o-border-radius: 16px 16px 0 0;
}
.container .container_top .map_floor{
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px 16px;
  background: #396CD9;
  border-radius: 12px 0px 12px 0px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  z-index: 9999;
  -webkit-border-radius: 12px 0px 12px 0px;
  -moz-border-radius: 12px 0px 12px 0px;
  -ms-border-radius: 12px 0px 12px 0px;
  -o-border-radius: 12px 0px 12px 0px;
}
.container .container_top .map_img{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.container .container_top .map_img .img{
  width: 215px;
  height: 178px;
  border-radius: 24px 24px 0 0;
  -webkit-border-radius: 24px 24px 0 0;
  -moz-border-radius: 24px 24px 0 0;
  -ms-border-radius: 24px 24px 0 0;
  -o-border-radius: 24px 24px 0 0;
}
.container .container_bottom{
  flex: 1;
}
